{extend name="public:layout" /}

{block name="title"}
	<title>{:site('siteName')}-登录</title>
{/block}

{block name="css"}
	<style>
		.login_code {width: 100%; height: 40px; border: 1px solid #fff; color: #fff; text-indent: 36px; } 
		.login_img {height: 41px; width: 40%; position: relative; top: -42px; right: -30.5% } 
	</style>
{/block}

{block name="content"}
    <div class="login_head">
        {:site('siteName')}
    </div>
    <div class="login_cen">
    	<form class="layui-form" action="{:url('index/user/login')}" method="post">
	        <div class="login_1">
	            <input type="text" name="username" lay-verify="required|username" placeholder="用户名或手机号" class="login_deng">
	        </div>
	        <div class="login_1">
	        	<input type="password" name="password" lay-verify="required|password" placeholder="登录密码" class="login_dengmi">
	        </div>
	        <div class="login_1" style="position: relative;">
	        	<input type="text" name="code" lay-verify="required" placeholder="验证码" class="login_code">
	        	<img src="{:captcha_src()}" alt="captcha" onclick="this.src='{:captcha_src()}'" class="login_img">
	        </div>
	        <div style="width:100%;height:40px;margin-top:20px;">
	            <div class="login_checkbox">
	                <input class="login_check" lay-ignore type="checkbox"/>
	                <span class="forget_mi">记住密码<span></span></span>
	            </div>
	            <div class="forget">
	                <a href="javascript:;" onclick="alert('请联系客服')">忘记密码</a>
	            </div>
	        </div>
	        <input type="hidden" name="__token__" value="{$Request.token}" />
	        <button style="margin-left: 0;color: #fff;" class="login_submit" lay-submit>登 录</button>
        </form>
        <div class="login_sub" onclick="location.href='{:url("index/user/register")}'">新用户注册</div>
        <div class="login_sub">————or————</div>
        <div class="login_san">
            <ul>
                <li>
                    <a class="login_san1" href="javascript:;" onclick="alert('正在开发中...')"></a>
                </li>
                <li>
                    <a class="login_san2" href="javascript:;" onclick="alert('正在开发中...')"></a>
                </li>
                <li>
                    <a class="login_san3" href="javascript:;" onclick="alert('正在开发中...')"></a>
                </li>
            </ul>
        </div>
    </div>
    <div style="position:absolute; width:100%; height:100%; z-index:-1;top:0;">
        <img height="100%" src="__STATIC__/{$theme}/img/login_bg.jpg" width="100%"/>
    </div>
{/block}

{block name="footer"}{/block}

{block name="script"}
	<script type="text/javascript">
		
	</script>
{/block}